// 获取元素
// 获取搜索框元素
let oSearchInput = document.querySelector('.search-content input');
let oSearchBtn = document.querySelector('.search-content button');
// console.log(oSearchBtn);
// 获取搜索商品结果元素
let oResultContent = document.querySelector('.result-content');
let oGoods = document.querySelector('.brand-down');

// 面包屑导航
let oNowBreadcrumb = document.querySelector('.now-breadcrumb');

let oCount = document.querySelector('.result-number span:nth-of-type(2)');

// 搜索业务
(function(){
	
	// 当前页 总页数 页内商品数量
	let page = 1;
	let pageCount = 0;
	let pagesize = 8;
	
	// 获取切割地址栏传递的参数
	// console.log(decodeURIComponent(location.search.split('?')[1].slice(9)));
	let searchName = decodeURIComponent(location.search.split('?')[1].slice(9));
	
	// 从外面跳转到此界面，默认调用一次
	getMaxPageCount(searchName);
	goodsRender(searchName);
	oNowBreadcrumb.innerHTML = searchName;
	getGoodsCount(searchName);
	
	// 点击搜索按钮，聚焦在输入框
	oSearchBtn.onclick = function(){
		if(oSearchInput.value != ''){
			location.href = `search.html?keywords=${oSearchInput.value}`;
		}
		oSearchInput.focus();
	}
	oSearchInput.onkeyup = function(event){
		if(event.keyCode === 13){
			if(oSearchInput.value == ''){
				alert('搜索框不能为空');
				return;
			}
			page = 1;
			// console.log(oSearchInput.value);
			getMaxPageCount(oSearchInput.value);
			goodsRender(oSearchInput.value);
			oNowBreadcrumb.innerHTML = oSearchInput.value;
			getGoodsCount(oSearchInput.value);
		}
	}
	
	// 获取总页数
	function getMaxPageCount(keywords){
		
		// 当前页 总页数 页内商品数量
		// let page = 1;
		// let pageCount = 0;
		// let pagesize = 8;
		
		lb.ajax({
			url : BASE_URL + '/api_search',
			data : {page, pagesize, keywords},
			success(res){
				// console.log(res);
				// 验证数据的正确性
				if( res.code != 0){
					// 打印错误的数据
					console.log(res);
					return;
				}
				// 设置总页数
				pageCount = Math.ceil(res.count / pagesize);
				
				// 获取到总页数之后 调用分页器
				$('.sorter').pagination({
					pageCount : pageCount,
					current : 1,
					prevContent: '上一页',
					nextContent: '下一页',
					count: 3,
					mode : 'fixed',
					coping: true,
					homePage: '首页',
					endPage: '末页',
					isHide: true,
					jump: true,
					callback(obj){
						// 获取当前页，请求当前页数据
						page = obj.getCurrent();
						goodsRender(keywords);
					}
				});
				
			},
		})
	};
	
	// 商品业务
	function goodsRender(keywords){
		// 请求商品数据
		lb.ajax({
			url : BASE_URL + '/api_search',
			data : {page, pagesize, keywords},
			success(res){
				console.log(res);
				// 验证数据的正确性
				if( res.code != 0){
					// 打印错误的数据
					console.log(res);
					return;
				}
				
				// 如果没有商品数据
				if(res.data.length == 0){
					oResultContent.innerHTML = '此分类下的商品正在上新中....';
					oNowBreadcrumb.innerHTML = keywords;
					return;
				};
				
				// 遍历组装
				let str = '';
				res.data.forEach( item => {
					
					str += `
						<li>
							<div class="brand-up">
								<div>
									<img src="${item.brand_thumb}" alt="" />
									<span>${item.brand_name}</span>
								</div>
								<div>
									<span>${item.star_number}</span>
									<span class="iconfont icon-aixin_shixin"></span>
								</div>			
							</div>
							<a href="product.html?goodsId=${item.goods_id}&catId=${item.cat_id}"><img  class="goods-down" src="${item.goods_thumb}" alt="" /></a>
						</li>
					`;
				});
				// console.log(str);
				// 遍历完成之后 添加到页面
				oResultContent.innerHTML = str;
				
			},
		});
		
	};
	
	// 获取商品总数
	function getGoodsCount(keywords){
		lb.ajax({
			url : BASE_URL + '/api_search',
			data : {page, pagesize, keywords},
			success(res){
				// console.log(res);
				// 验证数据的正确性
				if( res.code != 0){
					// 打印错误的数据
					console.log(res);
					return;
				}
				// Dom 渲染
				oCount.innerHTML = res.count;
			}
		})
	}
	
})();
